<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <link rel="icon" type="image/png" href="assets/img/旅游.png" />-->
    <link rel="icon" type="image/png" href="images/双床早餐2.PNG" />
    <title>青岛麦格LOFT酒店</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content=""/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- css files -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <!-- Style-CSS -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->
    <!-- web-fonts -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
          rel="stylesheet">
    <!-- //web-fonts -->

</head>
<body style="background-color: whitesmoke">
<!--Header-->
<header>
    <div class="container agile-banner_nav">
        <div class="row header-top">
            <div class="col-md-5 top-left p-0">
                <p><i class="fa fa-phone" aria-hidden="true"></i> Call us : 17866631279 </p>
            </div>
            <div class="col-md-7 top-right p-0">
                <p><i class="fa fa-map-marker" aria-hidden="true"></i> 青岛,崂山区
            </div>
        </div>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <h1 style="position: absolute;top:25px;"><a class="navbar-brand" href="index.html">旅心</a></h1>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
                    class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto" style="position:absolute; top:20px;right: 20px;">
                    <li class="nav-item active"><a class="nav-link" href="index.html">主页 <span
                            class="sr-only">(current)</span></a></li>
                    <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
                    <li class="nav-item"><a class="nav-link" href="services.html">服务</a></li>
                    <li class="dropdown nav-item"><a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">分类
                        <b class="caret"></b> </a>
                        <ul class="dropdown-menu agile_short_dropdown">
                            <li>
                                <a href="pricing.html">定价计划</a>
                            </li>
                            <li>
                                <a href="choice.html">路线选择</a>
                            </li>
                            <li>
                                <a href="choice.html">预定机票</a>
                            </li>
                            <li>
                                <a href="choice.html">预定酒店</a>
                            </li>
                            <li>
                                <a href="choice.html">周边商品推荐</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="projects.html">推介</a>
                    </li>
                    <li class="nav-item pr-lg-0">
                        <a class="nav-link pr-lg-0" href="contact.html">联系</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>

<!--    <div class="container" style="position:absolute;top:230px;left: 189px;background-color: rgba(0,1,2,0.3);-->
<!--    padding-bottom: 15px;padding-top: 25px;padding-left: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;">-->
<!--        <h4 style="color: #ffbd16"><b>青岛 崂山区推荐</b></h4>-->
<!--    </div>-->
    <div class="container" style="position:absolute;top:251px;left: 189px;margin-top:5px;padding: 10px;background-color: rgba(255,254,250,0.7);border-top-left-radius: 20px;border-top-right-radius: 20px;">
        <a style="color: #007bff;font-weight: bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;智能排序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目的地：崂山区
        &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;级别：三星级/舒适&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;入住：2021/03/17
        &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;退房：2021/03/21&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
        早餐：包括&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;关键字：交通&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;两间 四位
    </div>

</header>
<!--Header-->
<div class="innerpage-banner">
    <div class="layer1">
    </div>
</div>

    <div class="container" style="margin-top:20px;">
        <a href="index.html" style="color: #007bff">主页</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="CustomizationA.html">专属私人定制</a>&nbsp;&nbsp;>&nbsp;&nbsp;
        <a href="QingDao_laoshanarea.html">青岛崂山区推荐</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a>青岛麦格LOFT酒店</a>
    </div>
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px">
        <!--酒店推荐-->
        <div style="padding-top: 20px">
            <div>
                <div style="float: left"><h4><b>青岛麦格LOFT酒店&nbsp;&nbsp;&nbsp;&nbsp;</b></h4></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
            </div>
            <br><br>
            <div>
                <div style="float: left;width: 21px;height: 21px;"><img src="images/inc位置.png" /></div>
                <div style="float: left">&nbsp;中国，山东，青岛，秦岭路19号WFC协信中心三号楼8层</div>
            </div>
            <br>
            <div>
                <div style="float: left;width: 21px;height: 21px;"><img src="images/inc建筑.png" /></div>
                <div style="float: left">&nbsp;开业：2019年</div>
            </div>
            <br>
            <div>
                <div style="float: left;width: 19px;height: 17px;"><img src="images/inc简介.png" /></div>
                <div >&nbsp;青岛麦格Loft复式海景度假酒店，秉承“舒适、安静、智能、健康”的用户设计服务理念，内设有不同房型的海景客房、商务客房、儿童房，优雅舒适，设有餐厅、儿童区，房间配有液晶电视，高速专线WiFi，独立卫浴，全天24小时服务，细节之处尽显奢华体验。公寓位于崂山区，距离海边步行8分钟，紧邻石老人海水浴场、会展中心、丽达购物广场、金狮广场、金融中心，周边商业繁华，周围生活配套齐全，外出购物、就餐方便，地理位置优越，交通便利，是您集出游、商务洽谈、金融、购物、娱乐优质选择。</div>
            </div>
            <div>
                <div style="float: left;width: 19px;height: 17px;"><img src="images/inc附近.png" /></div>
                <div>&nbsp;附近1公里内有2个景点</div>
                <div>&nbsp;</div>
            </div>
            <div style="width: 580px;height: 275px;">
                <div><img src="images/maige图片.jpg"></div>
                <div style="position: absolute;top:745px;right: 500px;">
                    <div style="width: 100px;height: 100px">
                        <a href="https://map.baidu.com/search/%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA%E9%BA%A6%E6%A0%BCloft%E9%85%92%E5%BA%97/@13411410.625,4289781.01,19z?querytype=s&da_src=shareurl&wd=%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA%E9%BA%A6%E6%A0%BCloft%E9%85%92%E5%BA%97&c=236&src=0&wd2=%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA&pn=0&sug=1&l=15&b=(13407153.461381607,4286797.2908764845;13414349.659201674,4290329.799441804)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2">
                            <img src="images/inc查看地图.PNG" title="查看地图">
                        </a>
                    </div>
                    <br>
                    <span>&nbsp;客房Wifi&nbsp; | &nbsp;24小时大堂经理</span>
                </div>
                <div style="position: absolute;top:820px;right: 520px;">
                    <a href="https://map.baidu.com/search/%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA%E9%BA%A6%E6%A0%BCloft%E9%85%92%E5%BA%97/@13411410.625,4289781.01,19z?querytype=s&da_src=shareurl&wd=%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA%E9%BA%A6%E6%A0%BCloft%E9%85%92%E5%BA%97&c=236&src=0&wd2=%E9%9D%92%E5%B2%9B%E5%B8%82%E5%B4%82%E5%B1%B1%E5%8C%BA&pn=0&sug=1&l=15&b=(13407153.461381607,4286797.2908764845;13414349.659201674,4290329.799441804)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
                       style="font-weight: bold;">查看地图</a>
                </div>
                <div style="position: absolute;top:705px;right: 260px;">
                    <h4>高级市景双床房</h4><br>
                    <span style="font-weight: bold;">学生折扣：
                        <a style="color: red;font-size:25px;text-shadow: 1px 1px 1px black">128￥/间</a>
                    </span>
                    <br><br>
                    <span>原价：<a style="text-decoration: line-through">150￥/间</a></span>
                </div>
            </div>
            <div style="position: absolute;top:400px;right:240px">
                <div style="float: left">
                    <div style="float: left;width: 21px;height: 21px;"><img src="images/inc机场.png" /></div>
                    <div style="float: left">&nbsp;&nbsp;<a href="#" title="距流亭国际机场25.26公里" style="color:black;border-bottom:2px dashed black">25.26公里</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                </div>
                <div style="float: left">
                    <div style="float: left;width: 21px;height: 21px;"><img src="images/inc火车站.png" /></div>
                    <div style="float: left">&nbsp;&nbsp;<a href="#" title="距青岛北火车站13.82公里" style="color:black;border-bottom:2px dashed black">13.82公里</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                </div>
                <div style="float: left">
                    <div style="float: left;width: 21px;height: 21px;"><img src="images/inc青岛地铁.png" /></div>
                    <div style="float: left">&nbsp;&nbsp;<a href="#" title="距苗岭路地铁站-D口480米" style="color:black;border-bottom:2px dashed black">480米</a></div>
                </div>
            </div>
        </div>

        <div>&nbsp;</div>
    </div>

    <!--评分与评价-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px">
        <br>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/麦格评分.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/评论1.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/评论2.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/评论3.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/评论4.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/评论5.PNG">
        </div>
        <div>
            <img src="images/评论6.PNG">
        </div>

    </div>

    <!--酒店政策-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px">
        <br>
        <img src="images/酒店政策1.PNG">
        <img src="images/酒店政策2.PNG">
    </div>

    <!--通用设施及服务-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px">
        <br>
        <img src="images/服务及设施1.PNG">
        <img src="images/通用设施2.PNG">
    </div>

    <!--map-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px">
        <br>
        <img src="images/maigeloftmapsection.PNG">
        <div>&nbsp;</div>
    </div>
<div>&nbsp;</div>

<!--底部-->
<!-- copyright -->
<section class="copyright py-4 text-center">
    <div class="container">
        <p>Copyright &copy; 2021 LNX All rights reserved.
        </p>
    </div>
</section>

<!-- js-scripts -->

<!-- js -->
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->

<!-- clients-slider-script -->
<script src="js/slideshow.min.js"></script>
<script src="js/launcher.js"></script>
<!-- //clients-slider-script -->

<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event) {
            event.preventDefault();
            $('html,body').animate({
                scrollTop: $(this.hash).offset().top
            }, 1000);
        });
    });
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({
            easingType: 'easeOutQuart'
        });

    });
</script>
<!-- //here ends scrolling icon -->
<!-- start-smoth-scrolling -->

<!-- //js-scripts -->

</body>
</html>